<template>
  <el-row>
    <el-col :md="6" :sm="12" :xs="24"><div class="content">11</div></el-col>
    <el-col :md="6" :sm="12" :xs="24"><div class="content">22</div></el-col>
    <el-col :md="6" :sm="12" :xs="24"><div class="content">33</div></el-col>
    <el-col :md="6" :sm="12" :xs="24"><div class="content">44</div></el-col>
  </el-row>
</template>

<script setup lang="ts">
defineOptions({
  name: "DashBoard",
});
</script>

<style scoped lang="scss">
.content {
  height: 200px;
  background-color: #c64a4a;
}
/* 
  xs < 768生效
  sm >= 768生效
  md >= 992生效
  lg >= 1200生效
*/
</style>
